
import axios from "axios"
import { Toast } from 'vant'
import store from '@/store/index' 


// 创还能axios实例,将来对创建出来的实例,进行自定义配置,
// 好处:不会污染原始的 axios实例
const instance = axios.create({
    // baseURL: 'http://cba.itlike.com/public/index.php?s=/api/',
    baseURL: 'http://smart-shop.itheima.net/index.php?s=/api/',
    timeout: 1000,
    // headers: { 'X-Custom-Header': 'foobar' }
})

// 自定义配置 -请求/响应 拦截器
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么

    // 开启loading,禁止背景(节流处理, 防止多次无效触发)
    Toast.loading({
        message: '加载中...',
        forbidClick: true,
        loadingType: 'spinner',
        duration: 0  // 不会自动消失
    })


    // 查看是否有token,有token的话携带token
   const token =  store.getters.token
    if (token) {
        config.headers['Access-Token'] = token
        config.headers.platform = 'H5'
   }

    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么 (默认axios会多包装一层data,需要响应拦截器中处理一下)
    const res = response.data

    // 统一判断, 错误处理
    if (res.status !== 200) {
        // 给一个提示,toast是单例模式, 同一时间只存在一个,
        Toast(res.message)
        // 抛出一个错误的promise
        return Promise.reject(res.message)
    } else { 
        // 清除loading效果
        Toast.clear()
    }
    return res
}, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error);
});

export default instance